<?xml version="1.0" encoding="UTF-8"?>

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
     xmlns:h="http://java.sun.com/jsf/html"
     xmlns:ui="http://java.sun.com/jsf/facelets"
     xmlns:p="http://primefaces.org/ui"
     xmlns:a="http://xmlns.jcp.org/jsf/passthrough"
     template="TemplateFrontEnd.xhtml">
<ui:define name="title">paiment</ui:define>
<ui:define name="body" >
To begin your payment transaction please fillup the information below
<br/><br/><br/>
<h:form>
<p:panelGrid columns="2">

<p:outputLabel value="Name of Card"  />
<p:inputText value="" />
<p:outputLabel value="Credit Card Type"  />
<p:selectOneMenu>
<f:selectItem itemLabel="-Select Card-" itemValue="" noSelectionOption="true" />
<f:selectItem itemLabel="Visa" itemValue="Visa"  />
<f:selectItem itemLabel="Master card" itemValue="MasterCard"  />
<f:selectItem itemLabel="American express" itemValue="AmericanExpress"  />
<f:selectItem itemLabel="Discover" itemValue="Discover"  />
<f:selectItem itemLabel="JCB" itemValue="JCB"  />
<f:selectItem itemLabel="Diners Club" itemValue="DinersClub"  />
</p:selectOneMenu>


<p:outputLabel value="Card Number"  />
<p:inputText value="" />


<p:outputLabel value="Expiry"  />
<p:calendar />


<p:outputLabel value="Security Number"  />
<p:inputText value="" />

<p:commandButton value="Submit Payment" action="sp" />
<p:commandButton value="Cancel" action="cn" />

</p:panelGrid>
</h:form>
</ui:define>
</ui:composition>